<template>
	<view class="item">
		<view class="content">
			<view>
				<image src="https://shoujizulin3.hzrjkf.com/static/wxpng/sfztx.png"></image>
			</view>
			<view class="smrz"> 实名认证 </view>
			<view class="smrz2">
				姓名与支付宝实名认证信息相关联且不可更改 <br />
				提交既同意支付宝采集人脸照片用于实名认证
			</view>
		</view>
		<view class="bs_xx">
			<view class="sfxx d-c-c d-c">
				<view class="sfxx3">
					<view class="sfxx4 d-s-s d-c">
						<view style="font-size: 30rpx"> 姓名： </view>
						<u--input placeholder="您的姓名" border="surround" :customStyle="{width: '90%', marginTop: '10rpx'}"
							v-model="value1"></u--input>
					</view>

					<view class="sfxx4 d-s-s d-c">
						<view style="font-size: 30rpx"> 身份证号： </view>
						<u--input placeholder="您的身份证号" border="surround"
							:customStyle="{width: '90%', marginTop: '10rpx'}" v-model="value2"></u--input>
					</view>
				</view>

				<view class="anniu">
					<u-button type="primary" text="确定" @click="queding()"></u-button>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				value1: "",
				value2: "",
				id: "",
				dataurl: "",
			};
		},
		onLoad(e) {
			// this.id = e.order_id;
			// this.getinfo();
		},
		methods: {
			// getinfo() {
			// 	let self = this;
			// 	self._get("user.index/setting", {}, function(res) {
			// 		console.log(res.data.userInfo.username, res.data.userInfo.usernum);
			// 		self.value1 = res.data.userInfo.username;
			// 		self.value2 = res.data.userInfo.usernum;
			// 	});
			// },
			queding() {
				let self = this;
				console.log(self.value1, self.value2);
				if (uni.$u.test.idCard(self.value2) == false) {
					uni.showToast({
						title: "身份证号码有误,请重填！",
						duration: 2000,
						icon: "none",
					});
					return;
				}

				if (self.value1 == "") {
					uni.showToast({
						title: "姓名不能为空！",
						duration: 2000,
						icon: "none",
					});
					return;
				}
				//支付宝人脸
				self._post(
					"user.user_promotion/faceAuthentication", {
						name: self.value1,
						idno: self.value2,
					},
					(res) => {
						my.startAPVerify({
							url: res.data.url,
							success: (res) => {
								console.log(res)
							},
							fail: (err) =>
								my.alert({
									title: "openURL fail: " + JSON.stringify(err),
								}),
						});
					}
				);
				// self._post(
				//   "user.user/realNameAuthentication",
				//   {
				//     username: self.value1,
				//     usernum: self.value2,
				//   },
				//   function (res) {
				//     if (res.code == 1) {
				//       // e签宝人脸认证（静默签必须要人脸识别）

				//       //支付宝人脸
				//       self._post(
				//         "order.order/faceAuthentication",
				//         {
				//           order_id: self.id,
				//           name: self.value1,
				//           idno: self.value2,
				//         },
				//         (res) => {
				//           my.startAPVerify({
				//             url: res.data.url,
				//             success: (res) => {
				//               self._post(
				//                 "order.order/renzheng",
				//                 {
				//                   order_id: self.id,
				//                   states: res.resultStatus == "9000" ? 1 : 0,
				//                 },
				//                 (res) => {}
				//               );
				//               self._post(
				//                 "order.order/faceStates",
				//                 {
				//                   states: res.resultStatus == "9000" ? 1 : 0,
				//                 },
				//                 (res) => {}
				//               );
				//               uni.navigateTo({
				//                 url: "/pages/order/order-detail?order_id=" + self.id,
				//               });
				//             },
				//             fail: (err) =>
				//               my.alert({
				//                 title: "openURL fail: " + JSON.stringify(err),
				//               }),
				//           });
				//         }
				//       );

				//       //e签宝人脸
				//       // self._post('order.authentication/authentication', {
				//       // 	order_id :self.id,
				//       // 	name : self.value1,
				//       // 	idno : self.value2
				//       // }, (res) => {
				//       // 	my.ap.openURL({ url: res.data.authUrl,
				//       // 	success: (res) => console.log('openURL success'),
				//       // 	fail: (err) => my.alert({
				//       // 		title: 'openURL fail: ' + JSON.stringify(err) }),
				//       // 	});
				//       // my.ap.openURL({
				//       //   url: res.data.authUrl,
				//       //   success: (res) => console.log('openURL success'),
				//       //   fail: (err) => my.alert({ title: 'openURL fail: ' + JSON.stringify(err) })
				//       // });
				//       // window.my.postMessage({
				//       //  type: 'IDENTITY_ALI_FACE_AWAKE',
				//       //  url: res.data.authUrl,
				//       //  token,
				//       // })
				//       // uni.navigateTo({
				//       // 	url:"/pages/order/webview?url=" + res.data.authUrl
				//       // })

				//       // var dataurl = res.data.url;
				//       // let cid = res.data.certify_id;
				//       // my.startAPVerify({
				//       // 	url: dataurl,
				//       // 	certifyId: cid,
				//       // 	success: function(res) {
				//       // 		console.log('success', res)

				//       // uni.navigateTo({
				//       // 	url: '/pages/order/order-detail?order_id=' + self.id
				//       // })
				//       // 		if (res.resultStatus == '9000') {
				//       // 			uni.showLoading({
				//       // 				title: '加载中',
				//       // 				mask: true
				//       // 			});

				//       // 			self._post('order.order/renzheng', {"states":"1", 'order_id':self.id}, (res) => {})
				//       // 		}
				//       // 	},
				//       // 	fail: function(res) {
				//       // 		console.log(11111);
				//       // 		self._post('order.order/renzheng', {'order_id':self.id}, (res) => {})
				//       // 		console.log('fail', res)
				//       // 	},
				//       // 	complete: function(res) {
				//       // 		console.log(22222);
				//       // 		console.log('complete', res)
				//       // 	}
				//       // })
				//       // }, function(err) {
				//       // self._post('order.order/renzheng', {'order_id':self.id}, (res) => {})
				//       // self._post('order.order/faceStates', {"states":"0"}, (res) => {})
				//       // })
				//     } else {
				//       uni.showToast({
				//         title: "提交失败",
				//         duration: 2000,
				//       });
				//     }
				//   }
				// );
			},
			// onWebviewMessage(message) {
			//   console.log('onWebviewMessage>>>>>', message)
			//   const { detail: { type, token, url } } = message
			//   if (type === 'IDENTITY_ALI_FACE_AWAKE') {
			//     //拉起支付宝刷脸认证
			//     my.startAPVerify({
			//       url,
			//       certifyId: token,
			//       success: function (res) {
			//         console.log('success', res)
			//       },
			//       fail: function (res) {
			//         console.log('fail', res)
			//       },
			//       complete: function (res) {
			//         console.log('complete', res)
			//       }
			//     })
			//     return
			//   }
			//    //认证授权暂不支持以下两种type的识别
			//   if (type === 'WILL_DONE') {
			//     console.log('WILL_DONE>>do something')
			//     return
			//   }
			//   if (type === 'RN_DONE') {
			//     console.log('RN_DONE>>do something')
			//     return
			//   }

			// }
		},
	};
</script>

<style lang="scss">
	.item {
		height: calc(100vh + 400rpx);
	}

	.content {
		width: 100%;
		height: 400rpx;
		background-color: #53a9f4;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;

		image {
			width: 150rpx;
			height: 150rpx;
		}

		.smrz {
			color: #ffffff;
			margin-top: 20rpx;
			font-size: 30rpx;
		}

		.smrz2 {
			color: #ffffff;
			margin-top: 20rpx;
			line-height: 34rpx;
		}
	}

	.bs_xx {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		background: #f5f5f5;

		.sfxx {
			width: 100%;
			padding: 0 15rpx 15rpx 15rpx;
			background-color: #ffffff;

			.sfxx2 {
				padding: 20rpx 20rpx;

				view {
					color: #43a3e8;
					margin-top: 10rpx;
				}
			}

			.sfxx3 {
				.sfxx4 {
					display: flex;
					width: 600rpx;
					padding: 0;
					margin-top: 20rpx;
				}
			}
		}

		.anniu {
			margin-top: 20rpx;
			width: 85%;
			border-radius: 50rpx;
		}
	}
</style>